<template>
  <div class="all_box_Events">
    <div class="Events_top">
      <span class="titletext">热门活动</span>
    </div>
    <div class="Events_Mesaage_BigBox">

      <div class="Event_Message">
        <img src="https://zbbs.jd.com/data/attachment/block/a4/a4d284d6b949cfc4627c9d31a537dd45.jpg" alt="" class="img_Event_two">
        <div class="Message_Font">
          <!-- <span>【抢楼赢大奖】可自拍的APP智能伞</span> -->
          <a href="">【抢楼赢大奖】可自拍的APP智能伞</a>
          <p>5个</p>
          <i-button type="info" size="small">立即参加</i-button>
        </div>        
      </div>
      <div class="Event_Message">
        <img src="https://zbbs.jd.com/data/attachment/block/56/565465910f13adb5d4c1a81618ced175.jpg" alt="" class="img_Event_two" >
        <div class="Message_Font">
          <!-- <span>【抢楼赢大奖】可自拍的APP智能伞</span> -->
          <a href="">【抢楼赢大奖】可自拍的APP智能伞</a>
          <p>5个</p>
          <i-button type="info" size="small">立即参加</i-button>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.Eventss_top{
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #dfdfdf;
}
.titletext {
    height: 50px;
    line-height: 50px;
    padding: 0 16px;
    font-size: 18px;
    font-weight: normal;
    color: #333;
    overflow: hidden;
}
.Events_Mesaage_BigBox{
  /* margin: 10px; */
  padding: 10px;
  /* float: left; */
  width: 100%;
  background-color: white;
  height: 285px;
}
.Message_Font{
  float: left;
  width: 46%;
  padding-left: 4%;
}
.Event_Message{
  float: left;
  width: 100%;
  margin-top: 3%;
}
.all_box_Events{
  background-color:white;
  margin-top: 30px;
}
.img_Event_two{
  float:left;
  width:36%;
}
</style>